import React from 'react';

const ArrowRight = ({ color = '#161F31', ...rest }: any) => (
  <svg width="14" height="12" xmlns="http://www.w3.org/2000/svg" {...rest}>
    <path
      d="M7.844 12.016c.199 0 .375-.07.527-.211l5.203-5.01a.728.728 0 00.246-.554.728.728 0 00-.246-.553L8.406.694a.84.84 0 00-.562-.21c-.211 0-.39.078-.536.237a.79.79 0 00-.22.553c0 .211.082.393.246.545l3.797 3.657H1.04a.765.765 0 00-.571.246.748.748 0 00-.22.58c.012.199.094.369.246.51.152.14.328.21.527.21h10.073L7.299 10.68a.776.776 0 00-.237.545.714.714 0 00.22.545c.152.164.34.246.562.246z"
      fill={color}
      fillRule="nonzero"
    />
  </svg>
);

export default ArrowRight;
